<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Routing 3</title>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="style.css" rel="stylesheet">
   </head>
   <body>
   
      <!--Bootstrap your app here-->
      <div ng-app="routing5App">
         <nav>
            <ul>
               <li>
                  <a ui-sref="home" ui-sref-active="active">Home</a>
               </li>
               <li>
                  <a ui-sref="swapi" ui-sref-active="active">Swapi</a>
               </li>
               <li>
                  <a ui-sref="pokemon" ui-sref-active="active">Pokemon</a>
               </li>
            </ul>
         </nav>
         <ui-view></ui-view>
      </div>

      <!--Angular and UI-Router Scripts-->
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>

      <!--Your .js Files-->
      <script src="app.js"></script>

   </body>
</html>